/*
auth:leishaofa
data:20170323
parame:重写layui样式
*/
.lsf-layout-logo{width: 196px; position: absolute; top: 0px; left: 0px;}
.layout-top-menu{ list-style: outside none none; position: relative; height: 60px; left: 196px; width:calc(100% - 196px); }/*修改这里注意改js里面手机兼容收缩菜单*/
.layout-top-menu ul { list-style: outside none none; margin: 0; padding: 0; white-space: nowrap;}
.layui-nav{background: rgba(0, 0, 0, 0); font-size: inherit;}
.layui-layout-admin .layui-side{width: 196px;}
.layout-top-menu .beg-layout-nav .layui-this {  background-color: #4e5465; color: #ffffff; }
.layout-top-menu .beg-layout-nav .layui-this::after, .beg-layout-header .layui-nav-bar { background-color: #009688;  }

/*
头部菜单
*/
.layui-topmenu-moblie{background-color: rgba(0, 0, 0, 0.7); line-height: 60px;  border-radius: 2px; font-size: 14px; padding: 0 20px; top: 0px; color: #fff; display: block; left: 196px; position: fixed; vertical-align: middle; width: 50px; z-index: 100000;}
.top-layout-nav.light  .pm-viewMore span.icon, .top-layout-nav .pm-viewMore span.black {  border-color: #000 transparent; border-style: solid;  border-width: 8px 6px 0;  margin-left: 3px;  display: inline-block;}
.layout-top-menu a{color: #c2c2c2; text-align: center; display: block;}
.layout-top-menu .mobile{background: #333 none repeat scroll 0 0; box-shadow: 2px 2px 4px #777; left: 0; position: absolute; top: 100%;  z-index: 1000; list-style: outside none none; margin: 0;  padding: 0;  white-space: nowrap;}
.layout-top-menu .mobile li{clear: both; display: block !important; width: 175px;}
.layout-top-menu .mobile li a{text-align: left;}
.pm-viewMore { display: inline-block; position: relative; list-style: outside none none; top:-60px; line-height: 60px; }
.pm-viewMore  .active{line-height: 60px;}
.pm-viewMore>ul { background: #f1941c; box-shadow: 2px 2px 4px #777; position: absolute; left: 0; top: 100%; z-index: 1000 }
.pm-viewMore>ul>li { display: block; clear: both; width: 175px }
.pm-viewMore>ul>li>a{text-align: left;}
.pm-viewMore>a { display: inline-block }
.pm-viewMore>ul { left: auto; right: 0;background: #333; box-shadow: 2px 2px 4px #777; position: absolute; top: 100%; z-index: 1000; }
.pm-viewMore li { display: block; clear: both; width: 175px; }
.pm-viewMore span.icon, .pm-viewMore span.white { border-color: #fff transparent; border-style: solid; border-width: 8px 6px 0; margin-left: 3px; display: inline-block }
.pm-viewMore span.black { border-color: #000 transparent; border-style: solid; border-width: 8px 6px 0; margin-left: 3px; display: inline-block }

/**
*左侧头像
*/
.layui-side .user-photo{  width: 200px;  height: 136px;  padding-bottom: 25px;  }
.layui-side .user-photo a.img{  display: block;  width: 76px;  height: 76px;  margin: 0 auto;  margin-bottom: 15px;  }
.layui-side .user-photo a.img img{ display: block;  border: none; width: 100%;  height: 100%;  border-radius: 50%;  -webkit-border-radius: 50%;  -moz-border-radius: 50%;  border: 4px solid #44576b;  }
.layui-side .user-photo p{ display: block;  width: 100%; height: 25px;  color: #ffffff; text-align: center; font-size: 12px; white-space: nowrap;  line-height: 25px;  overflow: hidden;  }
/* 颜色 */
.site-doc-color{font-size: 0;}
.site-doc-color li{display: inline-block; vertical-align: middle; width: 18%; margin-left: 2%; margin-bottom: 20px; padding: 20px 2%; color: #fff; text-align: center; border-radius: 2px; line-height: 26px; font-size: 14px;}
.site-doc-color li p[tips]{opacity: 0.8; font-size: 12px;}

.site-doc-necolor li{width: 108px; margin-top: 15px; margin-left: 0; border-radius: 0;}

.site-doc-bgcolor li{padding: 10px;}
/**
*内容框架基本样式
*/
.layui-layout-admin .layui-body {top: 70px;}
.admin-nav-card { border: 0 none;  box-shadow: none; margin-top: 0;  }
.admin-nav-card .layui-tab-content {height: 100%;min-height: 150px;padding: 0;}
.admin-nav-card .layui-tab-item iframe {border: 0 none;height: 100%;width: 100%;}


/**
*尾部样式
*/
.footer {background-color: #eee; color: #666;  font-weight: 300; line-height: 30px; text-align: center;}
.footer a { padding: 0 5px;  }
body .layui-layout-admin .admin-footer { height: auto; line-height: 26px; padding: 5px 0; z-index: 998;}

/**
*主页
*/

.admin-main {  margin-bottom: 46px; padding: 10px;}
/*//css隐藏首页第一个删除按钮
.my-body .layui-tab .layui-tab-title li:first-child i:last-child{
    display: none;
}*/


/* 适配多设备 */
@media screen and (max-width: 750px) {
    .layui-main{width: auto; margin: 0 10px;}
    .logo,
    .header-demo .logo{left: 10px;}

    .site-nav-layim{display: none !important;}
    .header .layui-nav .layui-nav-item{margin: 0;}
    .header .layui-nav .layui-nav-item a{padding: 0 15px;}
    .site-banner{height: 300px;}
    .site-banner-bg{background-size: cover;}
    .site-zfj{height: 100px; padding-top: 5px;}
    .site-zfj i{top: 10px; width: 100px; height: 100px; margin-left: -50px; font-size: 100px;}
    .site-desc{background-size: 70%; margin: 0;}
    .site-desc cite{display: none;}
    .site-download{margin-top: 0; }
    .site-download a{height: 40px; line-height: 40px; padding: 0 25px 0 60px; border: 1px solid #778097; border-radius: 30px; color: #fff; font-size: 16px;}
    .site-download a cite{left: 20px;}
    .site-banner-other{bottom: 15px;}

    .site-idea{margin: 20px 0;}
    .site-idea li{margin: 0 0 20px 0; width: 100%; height: auto; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important;}
    .site-hengfu img{max-width: 100%}

    .layui-layer-dir{display: none;}
    .site-tree{position: fixed; top: 0; bottom: 0; min-height: 0; overflow: auto; z-index: 1000; left: -260px; background-color: #fff;  transition: all .3s; -webkit-transition: all .3s;}
    .site-content{width: 100%; padding: 0; overflow: auto;}
    .site-content img{max-width: 100%;}
    .site-tree-mobile{display: block!important; position: fixed; z-index: 100000; bottom: 15px; left: 15px; width: 50px; height: 50px; line-height: 50px; border-radius: 2px; text-align: center; background-color: rgba(0,0,0,.7); color: #fff;}
    .site-home .site-tree-mobile{display: none!important;}
    .site-mobile .site-tree-mobile{display: none !important;}
    .site-mobile .site-tree{left: 0;}
    .site-mobile .site-mobile-shade{content: ''; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.8); z-index: 9999;}
    .site-tree-mobile i{font-size: 20px;}
    .layui-code-view{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

    .layui-layout-admin .layui-side{position: fixed; top: 0; left: -260px; transition: all .3s; -webkit-transition: all .3s; z-index: 10000;}
    .layui-body{position: static; bottom: 0; left: 0;}
    .site-mobile .layui-side{left: 0;}
    body .layui-layout-admin .footer-demo{position: static;}

    .site-demo-area,
    .site-demo-editor,
    .site-demo-result,
    .site-demo-editor textarea,
    .site-demo-result iframe{position: static; width: 100%;}
    .site-demo-editor textarea{height: 350px;}
    .site-demo-zanzhu{display: none;}
    .site-demo-btn{bottom: auto; top: 370px;}
    .site-demo-result iframe{height: 500px;}

    .site-demo-laytpl textarea, .site-demo-laytpl div span{margin: 0;}
    .site-demo-tplres .site-demo-tplh2, .site-demo-tplres .site-demo-tplview{width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

    .site-demo-title{position: static; left: 0;}
    body .layui-layout-admin .site-demo{}
    .site-demo-code{position: static; height: 350px;}

    .admin-side-toggle ,.admin-header-item{display: none;}
    .admin-header-item-mobile{ display: block; }
}

.tips_img{margin-left:5px;margin-right:5px;vertical-align: middle;margin-top: -4px;}
.frame_form .tips_img{margin-left:5px;vertical-align: top;margin-top: 3px;margin-right:0px;}
/*table*/

.site-table th, .site-table td { border: 1px solid #ddd; font-size: 14px; font-weight: 400; line-height: 20px; min-height: 20px;  padding: 6px 15px;  }
.site-doc-icon li {  border: 1px solid #e2e2e2; color: #666; display: inline-block; font-size: 14px; line-height: 25px; margin-bottom: -1px;  margin-right: -1px; padding: 20px 0;  text-align: center; transition: all 0.3s ease 0s; vertical-align: middle;  width: 127px;  }
.layui-input-block .layui-input80{
    width: 80%;
    display: inline;
}
.layui-input-block .layui-input50{
    width: 50%;
    display: inline;
}
/*.layui-input-block .layui-input{
    width: 50%;
    display: inline;
}
.layui-input-block .layui-inline .layui-input{
    width: 100%;
}
.layui-input-block .layui-input-block{
    margin-left: 0px;
}
.layui-input-block .layui-input-block .layui-input{
    width: 100%;
}*/
/*分页相关*/
.admin-table-page {position: fixed;z-index: 19940201;bottom: 0;width: 100%;background-color: #eee;border-bottom: 1px solid #ddd;left: 0px;}
.admin-table-page .page{padding-left:20px;}
.admin-table-page .page .layui-laypage {margin: 6px 0 0 0;}
.clear{clear: both;}
.custom-form-item{float: left;padding: 5px 0;}
.custom-form-item .search{margin-left: 10px;}
.custom-input-small{width: 80px;}
.item-content .custom-form-label{width: 100px;}
.item-content .layui-input-inline p{line-height: 38px;}